{{ content() }}
<div class="page-content-area">
    <div class="page-header">
        <h1>
            Edit Home Category
        </h1>
    </div>

    <div class="row">
        <div class="col-sm-4 col-sm-offset-0 col-md-12 col-md-offset-0">
            <div class="form-content">
                <div class="tabbable">
                    <ul class="nav nav-tabs padding-12 tab-color-blue background-blue">
                        <li class="{% if(tab == 'general') %} {{ 'active' }} {% endif %}">
                            <a data-toggle="tab" href="#tab_general">Thông tin chung</a>
                        </li>
                        <li class="{% if(tab == 'video') %} {{ 'active' }} {% endif %}">
                            <a data-toggle="tab" href="#tab_list_video">List Video</a>
                        </li>
                         <li class="{% if(tab == 'video_group') %} {{ 'active' }} {% endif %}">
                            <a data-toggle="tab" href="#tab_list_video_group">List Video Group</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div id="tab_general" class="tab-pane {% if(tab == 'general') %} {{ 'active' }} {% endif %}">
                            {% include 'home-category/tab/tab_general.volt'  %}
                        </div>
                        <div id="tab_list_video" class="tab-pane {% if(tab == 'video') %} {{ 'active' }} {% endif %}">
                            {% include 'home-category/tab/tab_list_video.volt'  %}
                        </div>
                        <div id="tab_list_video_group" class="tab-pane {% if(tab == 'video_group') %} {{ 'active' }} {% endif %}">
                            {% include 'home-category/tab/tab_list_video_group.volt'  %}
                        </div>
                    </div>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
    </div>
</div>
